$().ready(function() {
	validateRule();
    initTreeView();
    //getType("");
    $("#typeId").on("change",function(){
        getType($(this).val());
    });
    $("#specBtn").on("click",function(){
        layer.full(layer.open({
            type:2,
            title:"编辑规格",
            // area : [ '800px' ],
            maxmin:true,
            content:"/wx/goodsGoods/spec?id="+$("#typeId").val()+"&sku="+$("#sku").val()+"&price="+$("#price").val()
          /*  +"&priceC="+$("#priceC").val()+"&priceZ="+$("#priceZ").val()+"&priceG="+$("#priceG").val()*/
            +"&postFee="+$("#postFee").val()
            /*"&rebateOne="+$("#rebateOne").val()+"&rebateTwo="+$("#rebateTwo").val()+*/
            +"&weight="+$("#weight").val()
            +"&stock="+$("#stock").val()+"&type=0"
        }));
    });

});
function checkNum(obj) {
    obj.value = obj.value.replace(/[^\d.]/g, "");//是否是数字 和小数点，若是除数字 和小数点之外的则替换为空
    obj.value = obj.value.replace(/^\./g, "");//确证第一个为数字而不是“.”
    obj.value = obj.value.replace(/\.{2,}/g, ".");//只能输入一个“.”
    obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");//保证”.“只出现一次，而不能出现两次以上
    obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');//只能输入两个小数   

}


$.validator.setDefaults({
	submitHandler : function() {
		update();
	}
});
function update() {
    var ids = '';
    $("input[name='vipLevel0']:checked").each(function(i){
        ids = ids + $(this).val();
        console.log("vipLevel0:::"+ids);
    })
   /* $('#vipLevel').val(ids);*/
    if ($("#hasSpec").val() == "0") {
        var specs = [];
        var self = $("#sp");
        var spec = "";
        var productId = self.find("input[name='productId']").val();
        var sku = self.find("input[name='sku']").val();
        var numSale = self.find("input[name='numSale']").val();
        var disabled = false;
        var name = self.find("input[name='name']").val();
        var group = self.find("input[name='group']").val();
        var recommend = self.find("input[name='recommend']").val();
        var message = self.find("input[name='message']").val();
        var title = self.find("input[name='title']").val();
        var stock = self.find("input[name='stock']").val();
        var buyMin = self.find("input[name='buyMin']").val();
        var buyMax = self.find("input[name='buyMax']").val();
        var price = self.find("input[name='price']").val();
      /*  var priceC = self.find("input[name='priceC']").val();
        var priceZ = self.find("input[name='priceZ']").val();
        var priceG = self.find("input[name='priceG']").val();*/
        var postFee = self.find("input[name='postFee']").val();
      /*  var rebateOne = self.find("input[name='rebateOne']").val();
        var rebateTwo = self.find("input[name='rebateTwo']").val();*/
        var weight = self.find("input[name='weight']").val();
        var isDefault = true;
        specs.push({
            'spec': spec,
            'productId': productId,
            'sku': sku,
            'numSale': numSale,
            'disabled': disabled,
            'group': group,
            'recommend': recommend,
            'message': message,
            'name': name,
            'title': title,
            'stock': stock,
            'buyMin': buyMin,
            'buyMax': buyMax,
            'price': price,
            /*'priceC': priceC,
            'priceZ': priceZ,
            'priceG': priceG,*/
            'postFee': postFee,
            /*'rebateOne': rebateOne,
            'rebateTwo': rebateTwo,*/
            'weight': weight,
            'isDefault': isDefault
        });
        console.log("123123123123");
        console.log(JSON.stringify(specs));
        $("#products").val(JSON.stringify(specs));
    }
    console.log("123123123123");
    console.log($("#products").val());
    $("#images").val(JSON.stringify(getImg()));
    $("#imagesDetail").val(JSON.stringify(getImgDetail()));
    var params=[];
    $("#xxcs").find(".form-group").each(function(){
        var self=$(this);
        var group=[];
        var obj={};
        obj.name=self.find("label").text();
        self.find(".col-sm-12").each(function(){
            var o={};
            o.name=$(this).find(".btn").text();
            o.value=$(this).find("input").val();
            group.push(o);
        });
        obj.value=group;
        params.push(obj);
    });
    $("#param_values").val(JSON.stringify(params));
	$.ajax({
		cache : true,
		type : "POST",
		url : "/wx/goodsGoods/update",
		data : $('#signupForm').serialize(),// 你的formid
		async : false,
		error : function(request) {
			parent.layer.alert("Connection error");
		},
		success : function(data) {
			if (data.code == 0) {
				parent.layer.msg("操作成功");
				parent.reLoad();
				var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
				parent.layer.close(index);

			} else {
				parent.layer.alert(data.msg)
			}

		}
	});

}
function validateRule() {
	var icon = "<i class='fa fa-times-circle'></i> ";
	$("#signupForm").validate({
		rules : {
			name : {
				required : true
			}
		},
		messages : {
			name : {
				required : icon + "请输入名字"
			}
		}
	})
}


var imgId=0;
var imgIdDetail=0;
var container = document.getElementById("img");
var containerDetail = document.getElementById("img_detail");
var sort = Sortable.create(container);
var sortDetail = Sortable.create(containerDetail);
$('#file_upload').uploadifive({
    'fileObjName' : 'file',
    //'fileType' : 'image/*',
    'removeCompleted':true,
    'uploadLimit' : 50,
    //'queueSizeLimit'  : 1,
    'auto': true,
    'multi': true,
    'width': '100%',
    'height': '35',
    'buttonText': '请选择图片',
    'fileType': 'image/jpg,image/jpeg,image/png',
    'fileSizeLimit'   : 0,//不限制
    'queueSizeLimit': 6,
    'formData': {},
    'queueID': 'queue',
    'uploadScript': '/wx/goodsGoods/upload',
    'onUploadComplete': function (file, data) {
        data = JSON.parse(data);
        if (data.code == 0) {
            layer.alert(data.msg);
            console.log(data);
            imgId++;
            var c="divImg";
            if(imgId==1){
                c="divImgD";
            }
            $("#img").append("<div id='imgId"+imgId+"' class='"+c+"'>" +
                "<img  onclick=\"setImg('imgId"+imgId+"')\" src='" + data.data+ "' style='width:100px;height: 80px;margin-bottom: 1px;'><br>" +
                "<i style='float: right;padding-top: 4px;' class='fa fa-close' onclick=\"delImg('imgId"+imgId+"')\"></i></div>");
            sort.destroy();
            sort = Sortable.create(container);
        } else {
            Toast.error(data.msg);
        }
    },
    'onSelect' : function(queue) {
        if($("#img").children().length>5){
            Toast.warning("最大允许上传6张图片");
            $('#file_upload').uploadifive('cancel', $('.uploadifive-queue-item').first().data('file'));
        }
    }
});

$('#file_upload_detail').uploadifive({
    'fileObjName' : 'file',
    //'fileType' : 'image/*',
    'removeCompleted':true,
    'uploadLimit' : 50,
    //'queueSizeLimit'  : 1,
    'auto': true,
    'multi': true,
    'width': '100%',
    'height': '35',
    'buttonText': '请选择图片',
    'fileType': 'image/jpg,image/jpeg,image/png',
    'fileSizeLimit'   : 0,//不限制
    'queueSizeLimit': 20,
    'formData': {},
    'queueID': 'queue_detail',
    'uploadScript': '/wx/goodsGoods/upload',
    'onUploadComplete': function (file, data) {
        data = JSON.parse(data);
        if (data.code == 0) {
            layer.alert(data.msg);
            console.log(data);
            imgIdDetail++;
            var c="divImgDetail";
            $("#img_detail").append("<div id='imgIdDetail"+imgIdDetail+"' class='"+c+"'>" +
                "<img  onclick=\"setImg('imgIdDetail"+imgIdDetail+"')\" src='" + data.data+ "' style='width:100px;height: 80px;margin-bottom: 1px;'><br>" +
                "<i style='float: right;padding-top: 4px;' class='fa fa-close' onclick=\"delImg('imgIdDetail"+imgIdDetail+"')\"></i></div>");
            sortDetail.destroy();
            sortDetail = Sortable.create(containerDetail);
        } else {
            layer.alert(data.msg);
        }
    },
    'onSelect' : function(queue) {
        if($("#img").children().length>5){
            layer.alert("最大允许上传20张图片");
            $('#file_upload').uploadifive('cancel', $('.uploadifive-queue-item').first().data('file'));
        }
    }
});


function getImg(){
    var imgs=[];

    $("#img").find("div").each(function(){
        var img={};
        img.d=false;
        if($(this).hasClass("divImgD")){
            img.d=true;
        }
        $(this).find("img").each(function(){
            img.url=$(this).attr("src");
        });
        imgs.push(img);
    });
    return imgs;
}

function getImgDetail(){
    var imgs=[];

    $("#img_detail").find("div").each(function(){
        var img={};
        img.d=false;
        if($(this).hasClass("divImgD")){
            img.d=true;
        }
        $(this).find("img").each(function(){
            img.url=$(this).attr("src");
        });
        imgs.push(img);
    });
    return imgs;
}
function setImg(id){
    $("#img").find("div").each(function(){
        $(this).removeClass("divImgD").addClass("divImg");
    });
    $("#"+id).removeClass("divImg");
    $("#"+id).addClass("divImgD");
}
function delImg(id){
    $("#"+id).remove();
}

function showSpike(){
	document.getElementById("divStr").style.display="";
	document.getElementById("divEnd").style.display="";
	/*document.getElementById("divGroupStr").style.display="none";
	document.getElementById("divGroupEnd").style.display="none";*/
	document.getElementById("divRecommend").style.display="none";
	
}
/*function showGroup(){
	document.getElementById("divGroupStr").style.display="";
	document.getElementById("divGroupEnd").style.display="";
	document.getElementById("divStr").style.display="none";
	document.getElementById("divEnd").style.display="none";
	document.getElementById("divRecommend").style.display="none";
	
}*/
function hiddenDiv(){
	document.getElementById("divStr").style.display="none";
	document.getElementById("divEnd").style.display="none";
/*	document.getElementById("divGroupStr").style.display="none";
	document.getElementById("divGroupEnd").style.display="none";*/
	document.getElementById("divRecommend").style.display="";
	
}

function getType(id) {

    console.log("11111111111");
    if(id==''){
        // $("#kzsx_tab").hide();
        $("#xxcs_tab").hide();
        $("#gg").hide();
        // $("#kzsx").html('');
        $("#sp_new").html('').hide();
        $("#sp").show();
        $("#hasSpec").val("0");
        $("#products").val('[]');
        $("#spec_values").val('[]');
        $("#param_values").val('[]');
        // $("#prop_values").val('[]');
        //$("#brandId").find("option").remove();
    }else {
        getBrand(id);
        $.post("/wx/goodsGoods/getType" , {"id":id}, function (data) {
            if(data.code==0){
                $("#sp_new").html('').hide();
                $("#sp").show();
                $("#hasSpec").val("0");
                $("#products").val('[]');
                $("#spec_values").val('[]');
                $("#param_values").val('[]');
                // $("#prop_values").val('[]');
                // if(data.data.hasProp){
                //     $("#kzsx_tab").show();
                //     getProps(data.data.id);
                // }else{
                //     $("#kzsx_tab").hide();
                // }
                if(data.data.hasParam){
                    $("#xxcs_tab").show();
                    getParam(data.data.id);
                }else{
                    $("#xxcs_tab").hide();
                }
                if(data.data.hasSpec){
                    $("#gg").show();
                }else{
                    $("#gg").hide();
                }
            }else{
                Toast.error(data.msg);
            }
        }, "json");
    }
}

function getBrand(id){
    /*$.post("/wx/goodsGoods/getBrand" , {"id":id}, function (branddata) {
        if(branddata.code==0){
            var str='';
            $("#brandId").append('<option value=""></option>');
            $.each(branddata.data,function(i,brand){
                $("#brandId").append('<option value="'+brand.id+'">'+brand.brand.name+'</option>');
            });
        }
    }, "json");*/
}

function getParam(id){
    $.post("/wx/goodsGoods/getParam" , {"id":id}, function (paramdata) {
        if(paramdata.code==0){
            var str='';
            $.each(paramdata.data,function(i,param){
                str+='<div class="form-group">';
                str+='<label class="col-sm-3 control-label">'+param.name+'</label>';
                $.each(param.params,function(j,k) {
                    str += '<div class="col-sm-12" style="padding-bottom:5px;"><div class="col-sm-10 input-group"><span class="input-group-btn"><button class="btn" style="width:120px;" type="button">'+ k.name+'</button>';
                    str += '</span><input type="text" class="form-control" placeholder="'+ k.name+'"></div></div>';
                });
                str+='</div>';

            });
            $("#xxcs").html(str);
        }else {
            $("#xxcs").html('');
        }
    }, "json");
}

function initTreeView() {
    $("#jsTreeClass").jstree({
        plugins: ["wholerow", "json_data"],
        core: {
            data: {
                dataType: "json",
                url: function (node) {
                    return node.id === "#" ? "/wx/goodsClass/treeT" : "/wx/goodsClass/treeT?pid=" + node.id
                }
            },
            multiple: false
        }
    }).on("dblclick.jstree", function (node) {
        selectClass();
    });
}

//选择商品分类
function selectClass() {
    var tree = $.jstree.reference("#jsTreeClass");
    var node = tree.get_selected(true);
    var id=node[0].id;
    $("#signupForm #classId").val(node[0].text);
    $("#signupForm input[name='classId']").val(id);
    $("#dialogSelectClass").modal("hide");
    //$("#brandId").find("option").remove();
    $.post("/wx/goodsGoods/getClass" , {"id":id}, function (data) {
        if(data.code==0){
            var type=data.data.goodsType;
            if(type){
                $("#typeId option[value='"+type.id+"']").attr("selected", true);
                if(type.hasBrand){
                    getBrand(type.id);
                }
                // if(type.hasProp){
                //     $("#kzsx_tab").show();
                //     getProps(type.id);
                // }else{
                //     $("#kzsx_tab").hide();
                // }
                if(type.hasParam){
                    $("#xxcs_tab").show();
                    getParam(type.id);
                }else{
                    $("#xxcs_tab").hide();
                }
                if(type.hasSpec){
                    $("#gg").show();
                }else{
                    $("#gg").hide();
                }
            }else {
                $("#typeId").val("");
            }
        }else{
            alert(data.msg);
        }
    }, "json");
}
function selectFirstClass() {
    $("#signupForm #classId").val("请选择商品分类");
    $("#signupForm input[name='classId']").val("");
    $("#dialogSelectClass").modal("hide");
}

